page {
  background: linear-gradient(180deg, #ffffff 15%, #E6F8F3, #C0EDE2, #E6F8F3, #ffffff) no-repeat;
  background-size: 100vw 100vh;
  background-attachment: fixed;
}
.warp_box {
  margin-bottom: 50rpx;
}
.warp_image {
  width: 107rpx;
  height: 107rpx;
  margin-right: 50rpx;
  border-radius: 50%;
  flex-shrink: 0;
}

.warp_name {
  color: #343434;
  font-size: 40rpx;
  margin-right: 40rpx;
}

.warp_position {
  color: #565656 ;
  font-size: 30rpx;
}

.evaluate {
  padding: 0 0 0 20rpx;
  margin-bottom: 40rpx ;
}

.beGoodAt {
  background: linear-gradient(#F5FCFB, #FBFEFD);
  padding: 30rpx;
  border-radius: 13rpx;
  .beGoodAt_img {
    width: 124rpx;
    height: 24rpx;
    display: inline-block;
    margin-right: 20rpx;
  }
}

.question {
  padding: 27rpx 30rpx;
  margin-bottom: 24rpx;
}

.question_left {
  width: 95rpx;
  height: 95rpx;
  background: linear-gradient(124deg, rgba(108,205,152,0.98), rgba(80,181,126,0.98));
  border-radius: 50%;
}

.beGoodAt_btn {
  width: 145rpx;
  height: 61rpx;
  background: #61C48E;
  border-radius: 30rpx;
  font-size: 25rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
}

.beGoodAt_btn_hover {
  opacity: 0.8;
}

.comment {
  padding: 30rpx;
}

.comment_title  {
  position: relative;
}

.comment_title_right {
  position: absolute;
  right: 0rpx;
  bottom: 0rpx;
  font-size: 25rpx;
  color: #919191;
}